.fat-nav,.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{-moz-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-duration:.4s}
.hamburger{display:block;width:74px;height:910px; position:absolute;top:0;left:0;z-index:10000; padding:23px 0 0 22px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation;background:url(../images/daohang.png) no-repeat center center;}
.hamburger__icon{position:relative;margin-top:7px;margin-bottom:7px}
.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{display:block;width:30px;height:5px;background-color:white;-moz-transition-property:background-color,-moz-transform;-o-transition-property:background-color,-o-transform;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-duration:.4s}
.hamburger__icon:after,.hamburger__icon:before{position:absolute;content:""}
.hamburger__icon:before{top:-7px}
.hamburger__icon:after{top:7px}
.hamburger.active .hamburger__icon{background-color:transparent}
.hamburger.active .hamburger__icon:after,.hamburger.active .hamburger__icon:before{background-color:white}
.hamburger.active .hamburger__icon:before{-moz-transform:translateY(7px)rotate(45deg);-ms-transform:translateY(7px)rotate(45deg);-webkit-transform:translateY(7px)rotate(45deg);transform:translateY(7px)rotate(45deg)}
.hamburger.active .hamburger__icon:after{-moz-transform:translateY(-7px)rotate(-45deg);-ms-transform:translateY(-7px)rotate(-45deg);-webkit-transform:translateY(-7px)rotate(-45deg);transform:translateY(-7px)rotate(-45deg)}
.fat-nav{top:0;left:0;z-index:9999;position:absolute;display:none;max-width:100%;height:910px;background:url(../images/zhankai-bg.png) no-repeat left center;-moz-transform:translate3d(0,-1000px,0);-ms-transform:translate3d(0,-1000px,0);-webkit-transform:translate3d(0,-1000px,0);transform:translate3d(0,-1000px,0);-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;transition:all 1s;overflow-y:hidden;overflow-x:hidden;-webkit-overflow-scrolling:touch; overflow:hidden}
.fat-nav__wrapper{width:100%;height:910px;display:table;table-layout:fixed}
.fat-nav.active{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0px,0);-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0); transition:all 1s;}